<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="ec001_pie" style="width: 500px;height: 500px;border: 1px solid red"></div>
</body>
</html>
<script src="assets/js/jquery-3.3.1.min.js"></script>
<script src="assets/js/echarts-4.1.0.rc2.min.js"></script>
<script src="js/chartsCom.js"></script>
<script>
    $(function () {
        //订单占比
        let ec001_pie = echarts.init($("#ec001_pie")[0]);
        ec001_pie.setOption(opt_pie);
        ec001_pie.setOption({
            legend: {
                show: false,
                data: ['乐家', '乐农', '车小微']
            },
            tooltip : {
                trigger: 'item',
                show:false,
                formatter: "{a} <br/>{b} : {c} ({d}%)",

            },
            series: [
                {
                    type: 'pie',
                    radius: ['40%', '55%'],
                    center: ['50%', '40%'],
                    avoidLabelOverlap: false,
                    label: {
                        normal: {
                            show: false,
                            position: 'center'
                        },
                        emphasis: {
                            show: false,
                            textStyle: {
                                fontSize: '30',
                                fontWeight: 'bold'
                            }
                        }
                    },

                    data: [
                        { value: 335, name: '乐家' },
                        { value: 310, name: '乐农' },
                        { value: 234, name: '车小微' }
                    ]
                }
            ]
        });
        //点击后高亮显示
        ec001_pie.on('click',function (params) {
            console.log(params);
            var name=params.name;
            console.log(name);
        });

           /*ec001_pie.dispatchAction({
                type: 'highlight',
                seriesIndex: 0,
                dataIndex: 0
            });*/
        /*ec001_pie.dispatchAction({
            type: 'pieToggleSelect',
            // 可选，系列 index，可以是一个数组指定多个系列
            seriesIndex: 2,
            // 可选，系列名称，可以是一个数组指定多个系列
          /!*  seriesName?: string|Array,
            // 数据的 index，如果不指定也可以通过 name 属性根据名称指定数据
            dataIndex?: number,
            // 可选，数据名称，在有 dataIndex 的时候忽略
            name?: string*!/
        })
*/
    });

</script>